
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
		    .modal .errors ul,
		    .modal .errors ul li,
		    .modal #member-register .errors ul li
		    {
			    color: #e42b1e;
			    margin: 0;
			    padding: 0;
			    list-style-type: none;
		    }

		    html {
			    font-family: Arial,Geneva,Helvetica,sans-serif;
			    color:rgb(3, 3, 3);
			}
			body{
			font-size :0.688em;
			padding: 18px;
			}
			body, form, fieldset, ul, li, p, h1, h2, h3, h4, h5 {
			    margin-bottom: 0;
			    margin-left: 0;
			    margin-right: 0;
			    margin-top: 0;
			    padding-bottom: 0;
			    padding-left: 0;
			    padding-right: 0;
			    padding-top: 0;
			}
			label, h3{
			color: rgb(0, 93, 85);
			}
			.field01{
				margin-bottom: 10px;
				width: 100%;
				float: left;
				padding: 0px;
				padding-top: 0px;
				padding-right-value: 0px;
				padding-bottom: 0px;
				padding-left-value: 0px;
				padding-left-ltr-source: physical;
				padding-left-rtl-source: physical;
				padding-right-ltr-source: physical;
				padding-right-rtl-source: physical;

				margin: 0px;
				margin-top: 0px;
				margin-right-value: 0px;
				margin-left-value: 0px;
				margin-left-ltr-source: physical;
				margin-left-rtl-source: physical;
				margin-right-ltr-source: physical;
				margin-right-rtl-source: physical;
    			}

			.clear {
			    clear: both !important;
			    display: block !important;
			    float: none !important;
			    font-size: 1px !important;
			    height: 0 !important;
			    line-height: 0 !important;
			    margin-bottom: 0 !important;
			    margin-left: 0 !important;
			    margin-right: 0 !important;
			    margin-top: 0 !important;
			    overflow-x: hidden !important;
			    overflow-y: hidden !important;
			    padding-bottom: 0 !important;
			    padding-left: 0 !important;
			    padding-right: 0 !important;
			    padding-top: 0 !important;
			    visibility: hidden !important;
			    width: auto !important;
			}
			span.asterisk {
			    color: rgb(255, 0, 0);
	}
	.wbox_wrapper{
	padding: 18px;
	    padding-top: 18px;
	    padding-right-value: 0px;
	    padding-bottom: 18px;
	    padding-left-value: 18px;
	    padding-left-ltr-source: physical;
	    padding-left-rtl-source: physical;
	    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
	}
	.btn_close{
		position: absolute;
		right: 0px;
		top: 0px;
}

        </style>

          <script type="text/javascript"
		      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCWgAC4__bJWMSPQ1joSy5X_A2waHbBNzA&sensor=false">
		    </script>
		    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
			<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

		    <script type="text/javascript">



		       var geocoder;
		       geocoder = new google.maps.Geocoder();
			    var map;
			    function initialize() {
			      geocoder = new google.maps.Geocoder();
			      var latlng = new google.maps.LatLng(-34.397, 150.644);
			      var myOptions = {
			        zoom: 8,
			        center: latlng,
			        mapTypeId: google.maps.MapTypeId.ROADMAP
			      }

			      //map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
			    }

			    function codeAddress() {
			      var address = document.getElementById("add").value;
			      geocoder.geocode( { 'address': address}, function(results, status) {
			        if (status == google.maps.GeocoderStatus.OK) {
			        //alert(results[0].formatted_address);
			        //alert(results[0].types[1]);
			        var ad = results[0].formatted_address;
			       // document.getElementById("gaddress").innerHTML = ad;
					if(0!=0){
						$(function() {

								// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
								$( "#dialog:ui-dialog" ).dialog( "destroy" );

								$( "#dialog-confirm" ).dialog({
									resizable: false,
									height:140,
									modal: true,
									buttons: {
										"Yes": function() {
											document.getElementById("add").value=  results[0].formatted_address ;
											$( this ).dialog( "close" );
											//submit form
										},
										No: function() {
											$( this ).dialog( "close" );
											alert("Please add more details to address");

										}
									}
								});
							});
					}else{
					 //submit form
					}

			        } else {
			          alert("Invalid Address");
			        }
			      });
			    }
		</script>



    <title>

</title></head>

<body class="modal">
	<form name="aspnetForm" method="post" action="" id="aspnetForm">

<div id="dialog-confirm" title="Do you mean?">
	<p id="gaddress"></p>
</div>



<div class="wbox_container">
	<div class="wbox_wrapper">
	<div class="form-layout01">

<input type="image" value="Close" onclick="self.parent.tb_remove();" src="images/gr_thickbox-close.gif" class="btn_close" id="ClostThickbox">
	<h3>Register</h3><br/>
	<script type="text/javascript">
    </script>



		<p>Enter below information for Registration.<br /><br /></p>
        <br />

	</div>
			<div class="field01">
				<label>First Name <span class="asterisk">*</span></label>
				<div class="input-bg011">
					<input name="firstName" type="text" id="firstName"  maxlength="128" />

					<div class="clear">&nbsp;</div>
				</div>
			</div>

			<div class="field01">
				<label>Last Name <span class="asterisk">*</span></label>
				<div class="input-bg011">
					<input name="lastName" type="text" id="lastName"  maxlength="128" />
					<div class="clear">&nbsp;</div>
				</div>
			</div>

			<div class="field01">
				<label>Email Address <span class="asterisk">*</span></label>
				<div class="input-bg011">
					<input name="emailAdd" type="text" id="emailAdd" maxlength="256" />
					<div class="clear">&nbsp;</div>
				</div>
			</div>

			<div class="field01">
				<label>Username <span class="asterisk">*</span></label>
				<div class="input-bg011">
					<input name="ctl00$ModalContentPlaceHolder$RegisterMember1$UsernameHtmlInputText" type="text" id="ctl00_ModalContentPlaceHolder_RegisterMember1_UsernameHtmlInputText" AutoBindID="Username" AutoBinder="PageAutoBinder" maxlength="128" />
					<div class="clear">&nbsp;</div>
				</div>
			</div>

			<div class="field01">
				<label>Password <span class="asterisk">*</span></label>
				<div class="input-bg011">
					<input name="pwd" type="password" id="pwd" />
					<div class="clear">&nbsp;</div>
				</div>
			</div>

			<div class="field01">
				<label>Confirm Password <span class="asterisk">*</span></label>
				<div class="input-bg011">
					<input name="cpwd" type="password" id="cpwd" />
					<div class="clear">&nbsp;</div>
				</div>
			</div>

		   <div class="field01">
						<label>Address <span class="asterisk">*</span></label>
						<div class="input-bg011">
							<textarea name="add" id="add" cols="40" rows="3"></textarea>
							<div class="clear">&nbsp;</div>
						</div>
			</div>

			<div class="clear">&nbsp;</div>


				<div class="clear">&nbsp;</div>

				<div class="buttons">
					<input type="button" name="submit" id="submit" value="Register" onclick="codeAddress()"/>
				</div>

</div>





<script type="text/javascript">

</script>
</form>
</body>
</html>
